	alert(111);
	var sType = getValue("type"); //0-日期,1-月份,2-年份
	var tName = getValue("name"); 
	var stid = getValue("sid"); //指标编号
	var tid = getValue("tid"); //指标类型编号
	var startTime = getValue("begin");
	var endTime = getValue("end");
	var tUnit = getValue("unit"); //指标单位
	var Sensor_Base = getValue("base"); //从首页进来的基地ID
	var Sensor_Name = getValue("sensorN"); //从首页进来的基地名字
	
	
	var Id_Contrast = [];
	var TId_Contrast = [];
	var Name_Contrast = [];
	var E_Name1,E_Name2,E_Name3,E_Name4,E_Name5;
	
	
	
	//点击添加对比按钮
	hui('.Contrast').click(function(){
		//判断是否已经有需要对比的数据  如果没有 创建缓存对象 存入第一个需要对比的数据ID
		if(localStorage.hasOwnProperty('ID_Contrast') == false && localStorage.hasOwnProperty('TId_Contrast') == false){
			Id_Contrast.push(stid);	//将ID存入数组
			TId_Contrast.push(tid);	//将tid存入数组
			hui.iconToast('添加成功', 'success');
			E_Name1 = tName + tUnit;	//将数据名字和单位拼接在一起
			localStorage.setItem('ID_Contrast',JSON.stringify(Id_Contrast));  //存入第一个ID
			localStorage.setItem('TId_Contrast',JSON.stringify(TId_Contrast));//存入第一个TID
			localStorage.setItem('E_Name1',JSON.stringify(E_Name1));		  //存入第一个名字和单位
		}else{ // 如果有 获取到缓存里面的数据 重新赋值给数组 将第二个需要对比的数据ID push到数组 重新存入 缓存
			Id_Contrast = JSON.parse(localStorage.getItem('ID_Contrast'));	 //获取到缓存里面的数据 重新赋值给数组
			TId_Contrast = JSON.parse(localStorage.getItem('TId_Contrast')); //获取到缓存里面的数据 重新赋值给数组
			var ID_con = JSON.parse(localStorage.getItem('ID_Contrast'));		
			var TId_con = JSON.parse(localStorage.getItem('TId_Contrast'));
			var Con_length = JSON.parse(localStorage.getItem('ID_Contrast')).length;
			
			
			//第二次开始  判断每次存入对比缓存里是否有相同的数据
			for(var i = 0; i < Con_length; i++){
				if(stid == ID_con[i] && tid == TId_con[i]){
					alert('请勿添加重复数据!');
					return
				}
			}
			
			//前面判断都通过后  将数据push到数组  重新存入 缓存
			if(Id_Contrast.length < 5 && TId_Contrast.length < 5){
				
				Id_Contrast.push(stid); //将数据push到数组
				TId_Contrast.push(tid); //将数据push到数组
				hui.iconToast('添加成功', 'success');
				localStorage.setItem('ID_Contrast',JSON.stringify(Id_Contrast)); //重新存入 缓存
				localStorage.setItem('TId_Contrast',JSON.stringify(TId_Contrast)); //重新存入 缓存
//				alert("length:" + Id_Contrast.length);
			}else if(Id_Contrast.length == 5 && TId_Contrast.length == 5){
				//限制最多对比五条数据
				hui.alert('最多添加五条对比数据!', '确定', function(){
					return
				})
			}else {}
			
			
//			alert(JSON.parse(localStorage.getItem('ID_Contrast')));
//			alert(JSON.parse(localStorage.getItem('TId_Contrast')));
			// 同时存入此次对比数据的名字和单位
			if(JSON.parse(localStorage.getItem('ID_Contrast')).length == 2){
				E_Name2 = tName + tUnit;
				localStorage.setItem('E_Name2',JSON.stringify(E_Name2));
				
			}
			// 同时存入此次对比数据的名字和单位
			if(JSON.parse(localStorage.getItem('ID_Contrast')).length == 3){
				E_Name3 = tName + tUnit;
				localStorage.setItem('E_Name3',JSON.stringify(E_Name3));
			}
			// 同时存入此次对比数据的名字和单位
			if(JSON.parse(localStorage.getItem('ID_Contrast')).length == 4){
				E_Name4 = tName + tUnit;
				localStorage.setItem('E_Name4',JSON.stringify(E_Name4));
			}
			// 同时存入此次对比数据的名字和单位
			if(JSON.parse(localStorage.getItem('ID_Contrast')).length == 5 && localStorage.hasOwnProperty('E_Name5') == false){
				E_Name5 = tName + tUnit;
				localStorage.setItem('E_Name5',JSON.stringify(E_Name5));
			}
		}
		
	})
	
	
	
	
//	var TargetName = '';
	//切换ECharts图表类型
	hui('.K_or_L').click(function(){
		if(hui('.echart-box').hasClass('echarts_hidden')){
			hui('.echart-box').removeClass('echarts_hidden');
			hui('.echart-box2').addClass('echarts_hidden');
			hui('#switch_Text').html('切换折线图');
		}else{
			hui('.echart-box').addClass('echarts_hidden');
			hui('.echart-box2').removeClass('echarts_hidden');
			hui('#switch_Text').html('切换K线图');
		}
	})
	
	//	初始化标题
	hui.ready(function() {
		hui(".title-txt").html(tName);
		hui('#btn_base').html(Sensor_Name + ' ' + tName);
		hui('#name_unit').html(tName + '统计' + ' ' + tUnit);
	})
	
	/*var datas = new Vue({
		el: '#datas',
		data: {
		//	userInfo: getUserInfo(),
			columns: [],
			list: []
		},
		methods:{
			
		}
	})*/
	
	
	var isNum = 1;  //判断此值  (等于1时，说明从首页进入,需要将select默认选中首页进入此页面的基地)   
	
	// 选中默认基地
	(function Base_default(){
		var columnN = Number(Sensor_Base); // 将基地Id转换为number类型
		//请求当前基地下面的指标
		if(isNum == 1){
			getSensorList(columnN); 
			isNum++;
		}
	})()
	
	//	切换基地函数
	/*function Selected(column){
		//实参为string类型
		var columnN = Number(column);	//将实参转换为number类型
		//切换指标时  加载指标数据
		if(isNum != 1){
			getSensorList(columnN); 	// 此处传number类型数据
		}
		setTimeout(function(){
			Op_tab(); //调用切换指标重新请求数据
		},2000)
		
	}*/
	
	//切换指标重新请求数据
	/*function Op_tab(){
		var index = document.getElementById('option_Name').selectedIndex;  //获取select选项的index
        tName = document.getElementById('option_Name').options[index].innerHTML; //重置ECharts需要用到的指标项名字
        tUnit = document.getElementById('option_Name').options[index].getAttribute('data-unit'); //重置ECharts需要用到的指标项名字
		stid = document.getElementById('option_Name').options[index].value;  //  Id
		tid = document.getElementById('option_Name').options[index].getAttribute('data-tid');		//	TargetId
		hui(".title-txt").html(tName);
		
		
		refresh(DWMY_uel,starttime,endtime,startValue);		//切换指标重新调用数据请求函数
	}*/
	
	
	
	var K_dataValues = []; //Echarts图标K线图的具体数据
	var L_dataValues = []; //Echarts图标折线图的具体数据
	var dataTimes = []; //Echarts图标的时间轴数据
	var now = dateFtt("yyyyMMdd", new Date());
	var DWMY_uel = '',starttime = 0,endtime = 0;	// 此处声明全局变量 用于切换指标 去传递参数
	
	//日月年选择函数
	function ifYMD(){
		var date = new Date();
		var month_A = date.getMonth(); 			//month_A当前月份减1
		var month_S = date.getMonth() + 1; 		//month_S获取当前月份  
		var day = date.getDate();				//当前日期
		var week;								//七天前日期
		month_A < 10 ? month_A = "0" + month_A : month_A;
		month_S < 10 ? month_S = "0" + month_S : month_S;
		day < 10 ? day = "0" + day : day;
		
     	//获取前7天的时间戳		
		(function getTaskTime(strDate) {
		    //获取前七天日期函数
		    var date = new Date(strDate);
		    var y = date.getFullYear(); 
		    var m = date.getMonth() + 1;  
		    m = m < 10 ? ('0' + m) : m;  
		    var d = date.getDate();  
		    d = d < 10 ? ('0' + d) : d;
		    week = String(y) + String(m) + String(d) + '00'; 
		    console.log(week);
		})(date.setDate(date.getDate() - 7))
     	
		//日数据请求
		if(hui('.day').hasClass('active')){
			//重置url
			DWMY_uel = baseURL() + "/interfaces/target_handler.ashx?action=target_day";
			starttime = now.trim() + "00";
			endtime = now.trim() + "23";
			refresh(DWMY_uel,starttime,endtime,0);
		}
		
		//周数据请求
		if(hui('.week').hasClass('active')){
			//重置url
			DWMY_uel = baseURL() + "/interfaces/target_handler.ashx?action=target_day";
			starttime = week;
			endtime = now.trim() + "23";
			
			
			console.log(starttime + '---' + endtime);
			refresh(DWMY_uel,starttime,endtime,140);
		}
		//月数据请求
		if(hui('.month').hasClass('active')){
			//重置url
			DWMY_uel = baseURL() + "/interfaces/target_handler.ashx?action=target_month";
			starttime = (date.getFullYear() + "-" + month_A + day).replace("-", "");
			endtime = (date.getFullYear() + "-" + month_S + day).replace("-", "");
			refresh(DWMY_uel,starttime,endtime,0);
		}
		//年数据请求
		if(hui('.year').hasClass('active')){
			//重置url
			DWMY_uel = baseURL() + "/interfaces/target_handler.ashx?action=target_year";
			starttime = date.getFullYear() - 1;
			endtime = date.getFullYear();	
			refresh(DWMY_uel,starttime,endtime,0);
		}
	}
	ifYMD();		
	
	
	
	var base_picker = [{
		value: Sensor_Base,
    	text: Sensor_Name,
    	children:[]
	}];
	var baseADD = [];
	//指标数据请求函数
	function getSensorList(column) {
		
		var columnId
		//此函数有两种传参方式 ， 此处必须判断实参属于什么类型  
		if(typeof(column) == 'number'){
			columnId = column;
		}else{
			columnId = column.Id;
		}
		
		var url = baseURL() + "/interfaces/gateway_handler.ashx?action=gateway_target";
		var param = {
			gid: columnId
		};
		datas.list = []; //将vue存放数据的数字置空
		postJson(url, param, function(ret) {
//			console.log("基地指标：" + JSON.stringify(ret.data.length));
			var dataLength = ret.data.length;
//			datas.list = ret.data;  //将请求到的数据赋值给vue实例去渲染
			//将获取到的数据遍历添加到picker所需要的数组
			for(var i = 0; i < dataLength; i++){
				base_picker[0].children.push({value:ret.data[i].Id + '|' + ret.data[i].TargetId, text: ret.data[i].TargetName + ret.data[i].TargetUnit});
			}
			
			console.log("基地指标：" + JSON.stringify(base_picker[0]));
			
			//初始化picker
			var picker = new huiPicker('#btn_base', function(){
		    	var base_JD = picker.getText(0);	//获取基地
		    	var base_ZB = picker.getText(1);//获取指标
		    	var base_ST = picker.getVal(1);	//获取stid 和 tid
				//将获取到的value值切割为 stid 和 tid
				var reg = /[\u4e00-\u9fa5]/g;
				var str = base_ST.split('|');
				stid = str[0];
				tid = str[1];
				tName = base_ZB.match(reg).join("");
				tUnit = base_ZB.replace(reg, "");
				hui(".title-txt").html(tName);
				hui('#name_unit').html(tName + '统计' + ' ' + tUnit);
//      		tUnit = document.getElementById('option_Name').options[index].getAttribute('data-unit'); //重置ECharts需要用到的指标项名字


				var startValue = 0;
				//当数据为一周数据时  ， 设置ECharts的图表缩放比例为140
				if(hui('.week').hasClass('active')){
					startValue = 140;
				}
				refresh(DWMY_uel,starttime,endtime,startValue);		//切换指标重新调用数据请求函数
				//切换指标 重新赋值按钮的html
			    hui('#btn_base').html(base_JD + ' ' + base_ZB);
			});
			//设置picker为2级联动
			picker.level = 2;
			//绑定存放数据的数组
			picker.bindRelevanceData(base_picker);
		}, function(err) {
			console.log(err);
		});
	}
	
	
	
	



	//数据请求函数					
	function refresh(url,starttime,endtime,startValue) {
		alert(111);
		//每次请求前，重置存放ECharts数据存放的数组
		dataTimes = [];
		L_dataValues = [];
		K_dataValues = [];
		var param = {
			stid: stid,
			tid: tid,
			stime: starttime,
			etime: endtime
		};
		console.log(''---------------');
		console.log(param);
		console.log(''---------------');
		hui.loading("正在获取数据...");
		postJson(url, param,function(ret){
			if(ret.result == -1){
				alert(6666);
			}
			console.log("param:" + JSON.stringify(param));
			console.log('数据：' + JSON.stringify(ret));
			var maxTime, maxValue = 0;
			var minTime, minValue = 0;
			if(ret.data.length == 0 || ret.data == '' || ret.data == 'iundefined'){
				hui.alert('当前指标暂无数据，请查看其他指标！！','好的',function(){
	//				console.log('出错了');
					var current = plus.webview.currentWebview();
					current.close();  
				})
				return;
			}else{
				for(var i = 0; i < ret.data.length; i++){
					var dt = ret.data[i].MeasureTime.substring(0, 13) + "时";
					dataTimes.push(dt);
					L_dataValues.push(ret.data[i].MeasureData);//折线图数据
					// 数据意义：开盘(open)，收盘(close)，最低(lowest)，最高(highest)
					K_dataValues.push([ret.data[i].MeasureFirstData,ret.data[i].MeasureLastData,ret.data[i].MeasureMinData,ret.data[i].MeasureMaxData]);//K线图数据
				}
				showChart(startValue);  
			}
			
		},function(err){
			hui.alert('当前指标暂无数据，请查看其他指标！！','好的',function(){
//				console.log('出错了');
				var current = plus.webview.currentWebview();
				current.close();  
			})
		})
	}
	
	
	var upColor = '#fd1050';
	var upBorderColor = '#7d1a3b';
	var downColor = '#0cf49b';
	var downBorderColor = '#196f56';
	var myChart,option,myChart2,option2;
	
	
	function showChart(startValue){
		//Echarts表图初始化
		console.log('K线图数据:' + K_dataValues);
		console.log('时间轴数据:' + dataTimes); 
		myChart = echarts.init(document.getElementById('chart_K'));
		option = {
			 backgroundColor: '#21202d',
			 /*title: {
		        text: tName + '统计' + ' ' + tUnit,
		        left: 0,
		        textStyle: {
		        	color: '#fff',
		        	fontSize: 14
		        }
		    },*/
		    tooltip: {
		        trigger: 'axis',
		        showContent: true,
		        axisPointer: {
		            type: 'cross'
		        },
		        formatter: function (params) {
            		console.log('解析数据:' + JSON.stringify(params));
					var res = params[0].name;
					for (var i = params.length - 1; i >= 0; i--) {
						if (params[i].value instanceof Array) {
//							res += ' ' + params[i].seriesName;
							res += '<br />';
							res += '开始 : ' + params[i].value[1];
							res += '<br />';
							res += '结束 : ' + params[i].value[2];
							res += '<br />';
							res += '最低 : ' + params[i].value[3];
							res += '<br />';
							res += '最高 : ' + params[i].value[4];
						}
						else {
							res += '<br />';
							res += '' + params[i].seriesName;
							res += ' : ' + params[i].value;
						}
					}
					return res;
				}
		    },
		    grid: {
		    	top: '4%',
		        left: '10%',
		        right: '10%',
		        bottom: '10%'
		    },
		    xAxis: {
		        type: 'category',
		        data: dataTimes,
		        scale: true,
		        boundaryGap : false,
		        axisLine: {
		        	onZero: false,
		        	lineStyle: {
		        		color:'#677283'
		        	},
		        },
		        axisLabel: {
                    show: true,
                    textStyle: {
                        color: '#ededed'
                    }
               },
		        splitLine: {show: false},
//		        splitNumber: 20,
		        min: 'dataMin',
		        max: 'dataMax'
		    },
		    yAxis: [
			    {
			        scale: true,
			        splitArea: {
			            show: false
			        },
			        axisLabel: {
	                    show: true,
	                    textStyle: {
	                        color: '#ededed'
	                    }
	               	},
	               	axisLine:{
						lineStyle:{
							color:'#677283'
						}
					},
			        splitLine:{  
			            show:false,
			            lineStyle:{
						    color:'#00ff00',
						    width: 2
					    }
			        },
			    },
		   		{
		            type: 'value',
		            show: false,
		            scale: true,
			        splitArea: {
			            show: true
			        },
			        name:"单位: " + tUnit  //这里是纵轴标题
		        }
		    ],
		    dataZoom: [
		        {
		            type: 'inside',
		            startValue : startValue,
		            end: 100
		        },
		        {
		            show: true,
		            type: 'slider',
		            y: '90%',
		            height: 15,//组件高度
		            top: '95%',
		            start: 50,
		            end: 100
		        }
		    ],
		    series: [
		        {	//K线图
		            name: tName,
		            type: 'candlestick',
		           	data: K_dataValues,// 数据意义：开盘(open)，收盘(close)，最低(lowest)，最高(highest)
		            itemStyle: {
		                normal: {
		                    color: upColor,
		                    color0: downColor,
		                    borderColor: upBorderColor,
		                    borderColor0: downBorderColor
		                }
		            },
		            markPoint: {
		                /*label: {
		                    normal: {
		                        formatter: function (param) {
		                            return param != null ? Math.round(param.value) : '';
		                        }
		                    }
		                },*/
		                data: [
		                    {
		                        name: 'XX标点',
		                        coord: ['2013/5/31', 2300],
		                        value: 2300,
		                        itemStyle: {
		                            normal: {color: 'rgb(41,60,85)'}
		                        }
		                    },
		                    {
		                        name: 'highest value',
		                        type: 'max',
		                        valueDim: 'highest'
		                    },
		                    {
		                        name: 'lowest value',
		                        type: 'min',
		                        valueDim: 'lowest'
		                    },
		                    {
		                        name: 'average value on close',
		                        type: 'average',
		                        valueDim: 'close'
		                    }
		                ],
		                /*tooltip: {
		                    formatter: function (param) {
		                        return param.name + '<br>' + (param.data.coord || '');
		                    }
		                }*/
		            },
		            markLine: {
		                symbol: ['none', 'none'],
		                data: [
		                    [
		                        {
		                            name: 'from lowest to highest',
		                            type: 'min',
		                            valueDim: 'lowest',
		                            symbol: 'circle',
		                            symbolSize: 10,
		                            label: {
		                                normal: {show: false},
		                                emphasis: {show: false}
		                            }
		                        },
		                        {
		                            type: 'max',
		                            valueDim: 'highest',
		                            symbol: 'circle',
		                            symbolSize: 10,
		                            label: {
		                                normal: {show: false},
		                                emphasis: {show: false}
		                            }
		                        }
		                    ],
		                    {
		                        name: 'min line on close',
		                        type: 'min',
		                        valueDim: 'close'
		                    },
		                    {
		                        name: 'max line on close',
		                        type: 'max',
		                        valueDim: 'close'
		                    }
		                ]
		            }
		        },
				{		//折线图
		            name:tName,
		            type:'line',
		            smooth: true,
                    smoothMonotone: 'none',
		            data: L_dataValues,//[0,0,0,0,0,23.43,23.41,22.26,21.1,23.75],
		            
		        },
		    ]
		};
	    // 使用刚指定的配置项和数据显示图表。
	    myChart.setOption(option);
	    
	    
	    //折线图
	    myChart2 = echarts.init(document.getElementById('chart_L'));
	    option2 = {
            color: '#fd1050',
 			/*title: {
		        text: tName + ' ' + tUnit,
		        left: 0,
		        textStyle: {
		        	color: '#fff',
		        }
		    },*/
            tooltip: {
                trigger: 'axis',
		        showContent: true,
		        confine: true,
		        position:['100%', 2], 
		        textStyle: {
		        	width: '300px',
		        },
		        axisPointer: {
		            type: 'cross'
		        },
            },
            grid: {
            	top: '4%',
                left: '10%',
		        right: '10%',
		        bottom: '10%'
            },
            xAxis: [
                {
                    type: 'category',
		        	boundaryGap : false,
                    axisTick: {
                        alignWithLabel: true
                    },
			        axisLabel: {
	                    show: true,
	                    textStyle: {
	                        color: '#fff'
	                    }
	               	},
                    axisLine: {
                        onZero: false,
                        lineStyle: {
                            color:'#677283'
                        }
                    },
                    data: dataTimes//["2016-1", "2016-2", "2016-3", "2016-4", "2016-5", "2016-6", "2016-7", "2016-8", "2016-9", "2016-10", "2016-11", "2016-12"]
                }
            ],
            yAxis: [
                {
                    type: 'value',
                    scale: true,
			        axisLabel: {
	                    show: true,
	                    textStyle: {
	                        color: '#fff'
	                    }
	               	},
                    axisLine: {
                        onZero: false,
                        lineStyle: {
                            color:'#677283'
                        }
                    },
                    splitLine:{  
			            show:false,
			            lineStyle:{
						    color:'#00ff00',
						    width: 2
					    }
			        }
                }
            ],
            dataZoom: [
		        {
		            type: 'inside',
		            startValue : startValue,
		            end: 100
		        },
		        {
		            show: true,
		            type: 'slider',
		            y: '90%',
		            height: 15,//组件高度
		            top: '95%',
		            start: 50,
		            end: 100
		        }
		    ],
            series: [
                
                {
                    name:tName,
                    type:'line',
                    smooth: true,
                    smoothMonotone: 'x',
                    data: L_dataValues, //[3.9, 5.9, 11.1, 18.7, 48.3, 69.2, 231.6, 46.6, 55.4, 18.4, 10.3, 0.7]
                    markPoint: {
		            	/*label: {
		                    normal: {
		                        formatter: function (param) {
		                            return param != null ? Math.round(param.value) : '';
		                        }
		                    }
		                },*/
		                /*data: [
		                    {	//最大值显示图标
		                        name: 'highest value',
		                        type: 'max',
		                    },
		                    {	//最小值显示图标
		                        name: 'lowest value',
		                        type: 'min',
		                    },
		                    {	//平均值显示图标
		                        name: 'average value on close',
		                        type: 'average',
		                    }
		                ],*/
		            },
                    markLine: {
		            	default: 2,
		            	data: [
			            	[	// 最小值到最大值连接线
		                        {
		                            type: 'min'
		                        },
		                        {
		                            type: 'max'
		                        }
		                    ],
		                    {	//最小值虚线
		                        name: 'min line on close',
		                        type: 'min',
		                    },
		                    {	//最大值虚线
		                        name: 'max line on close',
		                        type: 'max',
		                    }
		            	]
		            },
                }
            ]
        }
        // 使用刚指定的配置项和数据显示图表。
	    myChart2.setOption(option2);
	}
	
	//选择查看数据日期
	//var t11=new TouchSlider('slider1',{duration:800, interval:3000, direction:0, autoplay:false, align:'left', mousewheel:false, mouse:true, fullsize:false});
	hui('.YMD_more span').click(function(){
		hui(this).addClass('active').siblings('span').removeClass('active');
		hui('.day_Time').css({visibility:'hidden'});
		ifYMD();
	});
	hui('.more').click(function(){
		hui('.day_Time').css({visibility:'visible'});
//		hui('.YMD_more span').first().addClass('active').siblings('span').removeClass('active');
	});
	hui('#slider1 li').click(function(){
		hui(this).addClass('active').siblings('li').removeClass('active');
		hui('.YMD_more span').first().addClass('active').siblings('span').removeClass('active');
		hui('.day_Time').css({visibility:'hidden'});
		hui(this).removeClass('active');
		ifYMD();
	});